{{content()}}
<div ng-controller="detailController" class="detail">
    <div class="player col-sm-12 col-xs-12">
        <div id="myElement">Loading the player...</div>
        <script type="text/javascript" src="{{url('vendor/jwplayer/jwplayer.js')}}"></script>
        <script type="text/javascript">jwplayer.key="Tl/cGRKD5+mHxuBA9abJoeWYGnxLoRlF9Xt8VQHJS2nHMmlibF4GZ6FPp4Zk0206";</script>

        <script>
            jwplayer("myElement").setup({
              "autoStart": false ,
              width: "100%",
              height: "520",
              abouttext: "Konnect+",
              //flashplayer: "public/vendor/jwplayer/jwplayer.flash.swf",
              logo: {
                    file: "http://javhd.com/images/logo.png",
                    link: '',
                    hide : true
                },

              skin: "{{url('vendor/jwplayer/skins/five.xml')}}",
              //image: "{{url('public/layouts/skins/frontend/defaults/images/img1.jpg')}}",
              playlist: [{
                sources: [{
                  file: "http://vjs.zencdn.net/v/oceans.mp4",
                  label: "720p SD"
                },{
                  file: "http://vjs.zencdn.net/v/oceans.mp4",
                  label: "560p SD"
                }],
                title: "Student Of The Year",
                tracks: [{
                  file: "{{url('vendor/jwplayer/big.srt')}}",
                    label: "English",

                },{
                    file: "{{url('vendor/jwplayer/small.srt')}}",

                    label: "French"
                }]
              }],

              plugins: {
                  '{{url('vendor/jwplayer/plugins/overlay/overlay.js')}}': {
                    text: 'Text that you want to go within the overlayed banner'
                  }
                }
            });
        </script>


        <div class="chapters">
            <span class="active"><a href="#">1</a></span>
            <span><a href="#">2</a></span>
            <span><a href="#">3</a></span>
            <span><a href="#">4</a></span>
            <span><a href="#">5</a></span>
            <span><a href="#">6</a></span>
            <span><a href="#">7</a></span>
            <span><a href="#">8</a></span>
            <span><a href="#">9</a></span>
            <span><a href="#">10</a></span>
        </div>
    </div>
    <div class="description col-sm-12 col-xs-12" style="padding: 0px;">
        <div class="avatar col-sm-2 col-xs-6">
            <img src="{{url('layouts/skins/frontend/defaults/images/img12.jpg')}}" alt="Image" class="img-responsive" style="opacity: 1;">
            <div class="share-like">
                <div class="fb-like" data-href="http://javhd.vn" data-width="100" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
            </div>
        </div>
        <div class="right-cotent col-sm-10 col-xs-12">
            <h4>Student Of The Year</h4>
            <div><span><strong>Thể loại</strong></span>:<span>Võ thuật</span></div>
            <div><span><strong>Quốc gia</strong></span>:<span>Việ nam</span></div>
            <div><span><strong>Năm chiếu</strong></span>:<span>2014</span></div>
            <div><span><strong>Thời lượng</strong></span>:<span>104 phút</span></div>
            <div><span><strong>Đạo diễn</strong></span>:<span>Mr Phan</span></div>
            <div class="content">
                Trong phim Lửa Phật, một vị võ sư sau khi giúp vua đuổi giặc ra khỏi bờ cõi đã lang thang giang hồ tìm cách gột bỏ bụi trần. Trong phim này, khi ông dừng chân tại một ngôi làng thì những xung đột mâu thuẫn xảy ra đã khiến ngôi làng mất đi sự bình yên vốn có. Tại đây, sư ông bị lôi cuốn vào vòng xoáy ái tình, thù hận với một người con gái xinh đẹp và một vị cao tăng khác. Xem phim Lửa Phật và chắc chắn các bạn sẽ thích phim hay này!
            </div>

        </div>
    </div>
    <div class="comment col-sm-12 col-xs-12">
        <!--<div id="disqus_thread"></div>
        <script type="text/javascript">
            /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
            var disqus_shortname = 'javhdvn'; // required: replace example with your forum shortname

            /* * * DON'T EDIT BELOW THIS LINE * * */
            (function() {
                var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
            })();
        </script>!-->
        <div class="fb-comments" data-href="http://javhd.vn" data-numposts="10" data-colorscheme="light" data-width="100%"></div>


    </div>
    <!--RELATIVE!-->
    <div class="col-sm-12 col-xs-12 movies">
        <h4><span class="glyphicon glyphicon-film"></span> PHIM CÙNG THỂ LOẠI</h4>

        <div class="well-none">
            <div id="CarouselNew" class="carousel slide">
                <!-- Carousel items -->
                <div class="carousel-inner">
                    <div class="item active">
                        <div class="row">

                            <div class="col-sm-2 col-xs-6"
                            id="item1"
                            ng-mouseover="getMouseover('item1');"
                            ng-mouseout="getMouseout('item1');">

                                <a href="detail"><img src="{{url('layouts/skins/frontend/defaults/images/img1.jpg')}}" alt="Image" class="img-responsive" />
                                <span class="overplay" style="display: none;"></span></a>
                            </div>
                            <div class="col-sm-2 col-xs-6"
                            id="item2"
                            ng-mouseover="getMouseover('item2');"
                            ng-mouseout="getMouseout('item2');">
                                <a href="detail"><img src="{{url('layouts/skins/frontend/defaults/images/img2.jpg')}}" alt="Image" class="img-responsive">
                                 <span class="overplay" style="display: none;"></span></a>
                            </div>
                            <div class="col-sm-2 col-xs-6"
                            id="item3"
                            ng-mouseover="getMouseover('item3');"
                            ng-mouseout="getMouseout('item3');">
                                <a href="detail"><img src="{{url('layouts/skins/frontend/defaults/images/img3.jpg')}}" alt="Image" class="img-responsive">
                                 <span class="overplay" style="display: none;"></span></a>
                            </div>
                            <div class="col-sm-2 col-xs-6"
                            id="item4"
                            ng-mouseover="getMouseover('item4');"
                            ng-mouseout="getMouseout('item4');">
                                <a href="detail"><img src="{{url('layouts/skins/frontend/defaults/images/img4.jpg')}}" alt="Image" class="img-responsive">
                                <span class="overplay" style="display: none;"></span></a>
                            </div>
                            <div class="col-sm-2 col-xs-6"
                            id="item5"
                            ng-mouseover="getMouseover('item5');"
                            ng-mouseout="getMouseout('item5');">
                                <a href="detail"><img src="{{url('layouts/skins/frontend/defaults/images/img5.jpg')}}" alt="Image" class="img-responsive">
                                 <span class="overplay" style="display: none;"></span></a>
                            </div>
                            <div class="col-sm-2 col-xs-6"
                            id="item6"
                            ng-mouseover="getMouseover('item6');"
                            ng-mouseout="getMouseout('item6');">
                                <a href="detail"><img src="{{url('layouts/skins/frontend/defaults/images/img6.jpg')}}" alt="Image" class="img-responsive">
                                 <span class="overplay" style="display: none;"></span></a>
                            </div>
                        </div>
                        <!--/row-->
                    </div>
                    <!--/item-->
                    <div class="item">
                        <div class="row">
                            <div class="col-sm-2 col-xs-6"
                            id="item7"
                            ng-mouseover="getMouseover('item7');"
                            ng-mouseout="getMouseout('item7');">
                                <a href="detail" class=""><img src="{{url('layouts/skins/frontend/defaults/images/img7.jpg')}}" alt="Image" class="img-responsive">
                                 <span class="overplay" style="display: none;"></span></a>
                            </div>
                            <div class="col-sm-2 col-xs-6"
                            id="item8"
                            ng-mouseover="getMouseover('item8');"
                            ng-mouseout="getMouseout('item8');">
                                <a href="detail" class=""><img src="{{url('layouts/skins/frontend/defaults/images/img8.jpg')}}" alt="Image" class="img-responsive">
                                 <span class="overplay" style="display: none;"></span></a>
                            </div>
                            <div class="col-sm-2 col-xs-6"
                            id="item9"
                            ng-mouseover="getMouseover('item9');"
                            ng-mouseout="getMouseout('item9');">
                                <a href="detail" class=""><img src="{{url('layouts/skins/frontend/defaults/images/img9.jpg')}}" alt="Image" class="img-responsive">
                                 <span class="overplay" style="display: none;"></span></a>
                            </div>
                            <div class="col-sm-2 col-xs-6"
                            id="item10"
                            ng-mouseover="getMouseover('item10');"
                            ng-mouseout="getMouseout('item10');">
                                <a href="detail" class=""><img src="{{url('layouts/skins/frontend/defaults/images/img10.jpg')}}" alt="Image" class="img-responsive">
                                 <span class="overplay" style="display: none;"></span></a>
                            </div>
                            <div class="col-sm-2 col-xs-6"
                            id="item11"
                            ng-mouseover="getMouseover('item11');"
                            ng-mouseout="getMouseout('item11');">
                                <a href="detail" class=""><img src="{{url('layouts/skins/frontend/defaults/images/img11.jpg')}}" alt="Image" class="img-responsive">
                                 <span class="overplay" style="display: none;"></span></a>
                            </div>
                            <div class="col-sm-2 col-xs-6"
                            id="item12"
                            ng-mouseover="getMouseover('item12');"
                            ng-mouseout="getMouseout('item12');">
                                <a href="detail" class=""><img src="{{url('layouts/skins/frontend/defaults/images/img12.jpg')}}" alt="Image" class="img-responsive">
                                 <span class="overplay" style="display: none;"></span></a>
                            </div>
                        </div>
                        <!--/row-->
                    </div>

                </div>
                <!--/carousel-inner-->
                <a class="left carousel-control" href="#CarouselNew" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>

                <a class="right carousel-control" href="#CarouselNew" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
            </div>
            <!--/myCarousel-->
        </div>
        <!--/well-->
    </div>
</div>
 